<template>
  <div class="lct">
    <el-dialog
      title="流程图"
      top="22vh"
      :visible.sync="visible"
      @close="$emit('update:showlct', false)"
      :showlct="showlct"
      class="lsdhead"
    >
      <div class="main">
          <iframe :src="url" width="900px" height="600px" ></iframe>
          <!-- <a :href="url">下载</a> -->
      </div>
    </el-dialog>
  </div>
  
</template>
 
<script>
// import {getFlowPicture} from '@/api/ywsp/db.js'
export default {
//     props:{
//     procInstId:{
//       required: true,
//       type: String
//     }
//   },
  data() {
    return {
      visible: this.show,
      processID:'',
      url:''
    };
  },
  props: {
    showlct: {
      type: Boolean,
      default: false,
    },
  },
  watch: {
    showlct() {
      this.visible = this.showlct;
    },
  },
  created() {
      // this.processID=this.$route.query.procInstId
      // this.url="http://192.168.0.163:8082/ssoServer/flowable/display?"+"processInstanceId="+this.processID
      this.url="http://192.168.0.163:8082/fastflow-admin//view/tab.html?fireHoverAction=true&table=false&instId=2715896&t=1625729995477"
  }
//  created() {
//      this.processID=this.$route.query.procInstId
//       const res = getFlowPicture({
//       processInstanceId:this.processID
//       })
//        const blog = new Blob([res], { type: 'image/jpeg' }) 
//       console.log(blog)
//   }
};
</script>

<style lang="scss" scoped>
.lct {
  /deep/ .lsdhead .el-dialog .el-dialog__header {
    height: 42px;
    background: #f4f6f8 !important;
  }
  /deep/.el-dialog__title {
    font-size: 14px;
    color: black;
    font-weight: bold;
  }
  .main{
   
      iframe{
     
        //  border: none;
        // width: 100%;
      
        overflow-x: scroll;
        margin-left:10px;
        background-color: #f4f6f8;
         border: 1px solid plum;  
      }
    
  }

}
</style>